<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>jQuery Mobile Panel Integration Test</title>

		<script src="../../../external/requirejs/require.js"></script>
		<script src="../../../js/requirejs.config.js"></script>
		<script src="../../../js/jquery.tag.inserter.js"></script>
		<script src="../../jquery.setNameSpace.js"></script>
		<script src="../../jquery.testHelper.js"></script>
		<script src="../../../external/qunit.js"></script>
		<script type="text/javascript">
			// redirects from push-state-tests.html
			$( document ).bind( 'mobileinit', function(){
				$.testHelper.setPushState();
			});
		</script>
		<script>
			$.testHelper.asyncLoad([
				[ "widgets/panel" ],
				[ "jquery.mobile.init" ],
				[ "panel_core.js" ]
			]);
		</script>

		<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile.css" />
		<link rel="stylesheet" href="../../../external/qunit.css"/>

		<script src="../../swarminject.js"></script>
	</head>
	<body>

		<h1 id="qunit-header">jQuery Mobile Panel Integration Test</h1>
		<h2 id="qunit-banner"></h2>
		<h2 id="qunit-userAgent"></h2>
		<ol id="qunit-tests">
		</ol>

		<div data-nstest-role="page">
			<div data-nstest-role="panel" id="panel-test-create">
				<p>Contents of a panel.</p>
			</div>
			<div data-nstest-role="panel" id="panel-test-events">
				<p>Contents of a panel.</p>
			</div>
			<div data-nstest-role="panel" id="panel-test-open">
				<p>Contents of a panel.</p>
			</div>
			<div data-nstest-role="panel" id="panel-test-close">
				<p>Contents of a panel.</p>
			</div>
			<div data-nstest-role="panel" id="panel-test-toggle">
				<p>Contents of a panel.</p>
			</div>
			<div data-nstest-role="panel" id="panel-test-wrapper">
				<p>Contents of a panel.</p>
			</div>
			<div data-nstest-role="panel" id="panel-test-dismiss">
				<p>Contents of a panel.</p>
			</div>
			<div data-nstest-role="panel" id="panel-test-destroy">
				<p>Contents of a panel.</p>
			</div>
			<div data-nstest-role="panel" id="panel-test-non-default-theme" data-nstest-theme="c">
				<p>Contents of a panel.</p>
			</div>
			<div data-nstest-role="panel" id="panel-test-with-close">
				<p>Contents of a panel.</p>
				<a href="#demo-links" data-nstest-rel="close" data-nstest-role="button">Close panel</a>
			</div>

			<div data-nstest-role="header">
				<h1>Panel Test</h1>
			</div>
			<div data-nstest-role="content">
				<h1 id="demo-links">Panels</h1>
				<a href="#panel-test-create">Open Panel</a>
				<a href="#panel-test-events">Open Panel</a>
				<a href="#panel-test-open">Open Panel</a>
				<a href="#panel-test-close">Open Panel</a>
				<a href="#panel-test-toggle">Open Panel</a>
				<a href="#panel-test-wrapper">Open Panel</a>
				<a href="#panel-test-dismiss">Open Panel</a>
				<a href="#panel-test-destroy">Open Panel</a>
				<a href="#panel-test-non-default-theme">Open Panel</a>
				<a href="#panel-test-with-close">Open Panel</a>
			</div>
		</div>

	</body>
</html>
